<template>
  <div class="bg">
    <van-tabs
      v-model="activeTab"
      :color="activeColor"
      line-width="40"
      :title-active-color="activeColor"
    >
      <van-tab title="小程序登录流程">
        <mini-program />
      </van-tab>
      <van-tab title="PC登录流程">
        <pc />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import pc from "./components/pc";
import miniProgram from "./components/mini_program";
export default {
  components: {
    pc,
    miniProgram
  },
  computed: {},
  data() {
    return {
      activeColor: "#ffb72f",
      activeTab: ""
    };
  },
  methods: {}
};
</script>

<style scoped>
.bg {
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #ffb72f;
}
</style>
